上一篇介紹了我為什麼想做 AI 食譜推薦網站,簡單來說,就是希望解決「冰箱有食材,卻不知道要煮什麼」的問題。
那麼,知道了想解決的問題之後,下一步就是規劃:
我的網站到底要有哪些功能?
一開始我不希望把網站做得太複雜,畢竟這次的目標是在 30 天內完成一個可以實際操作的作品。因此,我先從最基本、也最重要的功能開始規劃。
一、輸入食材
網站最主要的功能就是讓使用者輸入自己目前擁有的食材。
例如:雞蛋、番茄、洋蔥、青蔥
輸入完成後,再按下「開始推薦」,把這些資訊交給 AI。
這也是整個網站最核心的功能。
⸻
二、AI 食譜推薦
取得使用者的食材之後,AI 就會根據這些資訊推薦適合的料理。
例如輸入:雞蛋、番茄
AI 可以推薦:番茄炒蛋
並進一步產生完整的食譜,包括需要的食材、料理步驟、製作時間以及料理難度。
這部分也是我這次最想實作的地方,因為以前使用搜尋引擎找食譜,通常只能從既有的食譜中慢慢尋找;加入 AI 之後,則可以讓它根據使用者提供的條件即時產生內容。
⸻
三、料理條件
除了「我有什麼食材」之外,我也希望讓使用者可以提供更多條件。
例如:
料理類型 台式料理 日式料理 韓式料理 義式料理 不限
製作時間 15 分鐘內 30 分鐘內 60 分鐘內 不限
料理難度 簡單 普通 困難
這樣使用者就不只是單純問 AI「可以煮什麼」,而是可以告訴 AI 自己的需求。
例如:
我有雞蛋、番茄和洋蔥,想做一道日式料理,而且希望 30 分鐘內完成。
AI 就可以根據這些條件產生比較符合需求的食譜。
⸻
四、食譜收藏
如果 AI 推薦出了一道自己很喜歡的料理,我希望可以把它收藏起來。
例如在食譜旁邊放一個按鈕,按下去之後就可以加入收藏。
這樣下次想煮同一道料理時,就不需要重新輸入食材或再次請 AI 產生。
初期預計先使用瀏覽器的 LocalStorage 儲存收藏資料,這樣不用一開始就建立複雜的資料庫。
⸻
當然,這只是目前的規劃,實際製作的過程中一定還會遇到很多問題,例如 AI 回傳的內容要怎麼顯示、API 要怎麼串接、如果 API 發生錯誤要怎麼處理等等。
所以接下來,我會先從最基礎的部分開始。